import React from 'react';
import { Box } from '@mui/material';
import ProjectItem from '../../components/ProjectItem';

function RatingPage({ 
  entries, 
  onRatingChange, 
  onDelete, 
  showDelete,
  onNavTimer 
}) {
  return (
    <div>
      {entries.map((entry) => (
        <Box key={entry.id} sx={{ mb: 2 }}>
          <ProjectItem
            id={entry.id}
            name={entry.name}
            rating={entry.rating}
            hasTime={entry.hasTime}
            time={entry.time}
            onRatingChange={onRatingChange}
            onDelete={onDelete}
            showDelete={showDelete}
            onNavTimer={onNavTimer}
          />
        </Box>
      ))}
    </div>
  );
}

export default RatingPage;